* {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    cursor: pointer;
}
ul li,
ol li {
    list-style: none;
}
#container {
    
    height: 17.813333rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: url(../img/taobao_bg.png) no-repeat;
}
header {
    box-sizing: border-box;
    width: 100%;
    height: 9.946667rem;
    /* background: red; */
    display: flex;
    flex-direction: column;
}
header .header_top {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    height: .986667rem;
    /* background: lightyellow; */
}
header .header_top input {
    box-sizing: border-box;
    margin: .186667rem 0 0.186667rem 1.12rem;
    text-indent: 3.546667rem;
    width: 7rem;
    height: 0.7rem;
    outline: none;
    border: 0;
    line-height:.8rem;
    font-weight: 500;
    border-radius: .106667rem;
    background: #ff4e30;
    z-index: 10;
}
header .header_top .from_input {
    position: relative;
    background: url(../img/search_icon.png) no-repeat 3.04rem .053333rem;
    color: white;
}
header .header_bg {
    /* margin-top: -0.2rem; */
    clear: both;
    box-sizing: border-box;
    width: 10rem;
    height: 3.2rem;
    overflow: hidden;
    /* background: lightskyblue; */
}
.img_list {
    clear: both;
    height: 3.2rem;
}
.img_list li {
    float: left;
    width: 10rem;
    height: 3.2rem;
}
.img_list li img {
    max-width: 100%;
}
.img_list {
    width: 70rem;
}

.circle  {
    clear: both;
    position: relative;
    box-sizing: border-box;
    top: -0.7rem;
    left:55%;
   
    width: 2.933333rem;
    height: .48rem;
    /* border: 1px solid red; */
}

.circle li{
    float: left;
    margin: .053333rem;
    width: .266667rem;
    height: .266667rem;
    line-height: .266667rem;
    text-align: center;
    border-radius: 50%;
    /* background: red; */
    background:#fff;

}
.circle .bgActive {
    background: #ff5000;
}
header nav {
    clear: both;
    box-sizing: border-box;
    width: 100%;
    height: 5.706667rem;
    display: flex;
    flex-wrap: wrap;
    /* background: orange; */
}

.nav_list {
    float: left;
    box-sizing: border-box;
    width: 2rem;
    height: 2.053333rem;
    /* border: 1px solid red; */

}
.nav_list:nth-child(n+6){
    margin-top: -1.7rem; 
     /* background: red; */
} 
.nav_list dt {
    box-sizing: border-box;
    width: 2rem;
    height: 1.44rem;
    /* border: 1px solid red; */
    border-radius: 50%;
}
.nav_list dt  img {
    box-sizing: border-box;
    padding-left :.373333rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
}
.nav_list dd {
    box-sizing: border-box;
    width: 2rem;
    font-size: .32rem;
    color: #666;
    height: .56rem;
    text-align: center;
    /* border: 1px solid red; */
}
main {
    box-sizing: border-box;

    margin-top: .213333rem;
    width: 100%;
    height: 7.76rem;
    /* background:lightblue; */
    display: flex;
    flex-direction: column;
}
main .main_shop {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    height: 3.733333rem;
    /* border: 1px solid red; */
}
.shop_left {
    box-sizing: border-box;
    width: 5rem;
    height: 3.733333rem;
    border-right: .053333rem solid #ccc;
}
.shop_left .shop_hd {
    box-sizing: border-box;
    width: 5rem;
    height: .933333rem;
    /* border: .026667rem solid red; */
}
.shop_left .shop_hd img{
    max-width: 100%;
}
.shop_left .shop_bd {
    box-sizing: border-box;
    width: 5rem;
    height: 2.8rem;
    display: flex;
    
}
.shop_list {
    width:2.5rem ;
    height: 2.8rem;
}
.shop_list dt {
    box-sizing: border-box;
    /* border: .026667rem solid red; */
    width: 2.5rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;

}
.shop_list dd {
    box-sizing: border-box;
    /* border: .026667rem solid red; */
    width: 2.5rem;
   
    height: 1.973333rem;
} 
.shop_title {
    color: #fe4e94;
    font-weight: 500;
    font-size: .373333rem;
    /* padding: 20px 18px; */
} 
.shop_list dd img {
    box-sizing: border-box;
    /* padding-top: -70px ; */
    padding-left: .426667rem;
    height: 1.8rem;
    width: 1.8rem;
}

.shop_list:nth-child(2) dt .shop_title{
    color: #fea118;
}
.shop_left:nth-child(2){
    /* background: red; */
    border-right:0 ;
}
.shop_left:nth-child(2) .shop_bd >.shop_list:nth-child(2) a img{
    /* background: red; */
    padding: .426667rem 0 0 .266667rem;
    width: 2rem;
    height: 2rem;
}
@media screen and ( min-width: 414px){
    #container {
  
        background: url(../img/tb1.png) no-repeat;

    }
    /* header .header_top {
        background: #ff4400;
    } */
    header .header_top .search{
      /* background: red; */
      width: 8rem;
      height: 0.6rem;
    }
}

@media screen and ( max-width: 320px){
    #container {
     
        background: url(../img/tb2.png) no-repeat;

    }

}